<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    &lt;!&ndash; 引入样式 &ndash;&gt;-->
<!--    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
<!--    <script src="../js/axios.min.js" type="text/javascript"></script>-->
<!--    <script src="../js/vue.js" type="text/javascript"></script>-->
<!--    <script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<!--    <title>个人中心</title>-->
<!--</head>-->
<!--<body>-->
<!--<div id="app">-->
<!--    &lt;!&ndash;主体页面&ndash;&gt;-->
<!--    <el-container>-->
<!--        &lt;!&ndash;头部&ndash;&gt;-->
<!--        <el-header>-->
<!--            <el-breadcrumb separator="">-->
<!--                <el-breadcrumb-item :to="{ path: './homePage.html' }">首页</el-breadcrumb-item>-->
<!--                <el-breadcrumb-item><a href="./accountCenter.html">个人中心</a></el-breadcrumb-item>-->
<!--                <el-breadcrumb-item><a href="./coachSearch.html">查看教练</a></el-breadcrumb-item>-->
<!--                <el-breadcrumb-item><a href="./venueSearch.html">查看场馆</a></el-breadcrumb-item>-->
<!--            </el-breadcrumb>-->
<!--        </el-header>-->
<!--        &lt;!&ndash;主体&ndash;&gt;-->
<!--        <el-container>-->
<!--            &lt;!&ndash;侧边&ndash;&gt;-->
<!--            <el-aside>-->
<!--                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="vertical"-->
<!--                         @select="select">-->
<!--                    <el-menu-item index="accountInfo">个人资料</el-menu-item>-->
<!--                    <el-menu-item index="wallet">我的钱包</el-menu-item>-->
<!--                    <el-menu-item index="book">我的预约</el-menu-item>-->
<!--                    <el-menu-item index="order">我的订单</el-menu-item>-->
<!--                    <el-menu-item index="student">我的学员</el-menu-item>-->
<!--                    <el-menu-item index="venue">我的场馆</el-menu-item>-->
<!--                </el-menu>-->
<!--            </el-aside>-->
<!--            &lt;!&ndash;主体&ndash;&gt;-->
<!--            <el-main>-->
<!--                <template>-->
<!--                    <div class="demo-type">-->
<!--                        <div>-->
<!--                            <el-avatar :size="100" :src="image"></el-avatar>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </template>-->
<!--&lt;!&ndash;                <el-form :label-position="labelPosition=top" label-width="80px" :model="userInfo">&ndash;&gt;-->
<!--&lt;!&ndash;                    <el-form-item label="用户名">&ndash;&gt;-->
<!--&lt;!&ndash;                        <el-input v-model="userInfo.username"></el-input>&ndash;&gt;-->
<!--&lt;!&ndash;                    </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;                </el-form>&ndash;&gt;-->
<!--            </el-main>-->
<!--        </el-container>-->
<!--        <el-row>-->
<!--            <el-col :span="8" :offset="8">-->

<!--            </el-col>-->
<!--        </el-row>-->
<!--        <el-footer>-->

<!--        </el-footer>-->
<!--    </el-container>-->
<!--    &lt;!&ndash;弹出框&ndash;&gt;-->
<!--    <el-dialog-->
<!--            title="查看当前类别"-->
<!--            :visible.sync="dialogVisible"-->
<!--            width="30%">-->
<!--        <span>书名：{{check.bookName}}</span><br>-->
<!--        <span>作者：{{check.bookAuth}}</span><br>-->
<!--        <span>出版社：{{check.bookPress}}</span><br>-->
<!--        <span>价格：{{check.bookPrice}}</span><br>-->
<!--        <span>状态：{{check.bookState}}</span><br>-->
<!--        <span>库存：{{check.stoke}}</span><br>-->
<!--        <span slot="footer" class="dialog-footer">-->
<!--    <el-button @click="dialogVisible = false">取 消</el-button>-->
<!--    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>-->
<!--  </span>-->
<!--    </el-dialog>-->
<!--    <el-dialog-->
<!--            title="新增书籍"-->
<!--            :visible.sync="addDialogVisible"-->
<!--            width="30%">-->
<!--        <el-form ref="form" :model="addForm" label-width="80px">-->

<!--            <el-form-item label="书名">-->
<!--                <el-input v-model="addForm.bookName" placeholder="书名"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="展示书名">-->
<!--                <el-input v-model="addForm.bookShowname" placeholder="展示书名"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="作者">-->
<!--                <el-input v-model="addForm.bookAuth" placeholder="作者"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="出版社">-->
<!--                <el-input v-model="addForm.bookPress" placeholder="出版社"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="出版时间">-->
<!--                <el-input v-model="addForm.pressDate" placeholder="出版时间"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="价格">-->
<!--                <el-input v-model="addForm.bookPrice" placeholder="价格"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="图片">-->
<!--                <el-input v-model="addForm.bookImage" placeholder="图片"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="类别">-->
<!--                <el-input v-model="addForm.typeId" placeholder="类别"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="库存">-->
<!--                <el-input v-model="addForm.stoke" placeholder="库存"></el-input>-->
<!--            </el-form-item>-->

<!--            <el-button @click="addDialogVisible = false">取 消</el-button>-->
<!--            <el-button type="primary" @click="add">确 定</el-button>-->
<!--        </el-form>-->
<!--    </el-dialog>-->
<!--    <el-dialog-->
<!--            title="修改当前类别"-->
<!--            :visible.sync="updateDialogVisible"-->
<!--            width="30%">-->
<!--        <el-form :model="modifyBookForm">-->
<!--            <el-form-item label="书名">-->
<!--                <el-input v-model="modifyBookForm.bookName" placeholder="书名"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="作者">-->
<!--                <el-input v-model="modifyBookForm.bookAuth" placeholder="作者"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="出版社">-->
<!--                <el-input v-model="modifyBookForm.bookPress" placeholder="出版社"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="价格">-->
<!--                <el-input v-model="modifyBookForm.bookPrice" placeholder="价格"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="状态">-->
<!--                <el-input v-model="modifyBookForm.bookState" placeholder="状态"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="库存">-->
<!--                <el-input v-model="modifyBookForm.stoke" placeholder="库存"></el-input>-->
<!--            </el-form-item>-->
<!--        </el-form>-->
<!--        <span slot="footer" class="dialog-footer">-->
<!--    <el-button @click="updateDialogVisible = false">取 消</el-button>-->
<!--    <el-button type="primary" @click="update">确 定</el-button>-->
<!--  </span>-->
<!--    </el-dialog>-->
<!--</div>-->
<!--<script>-->
<!--    new Vue({-->
<!--        el: "#app",-->
<!--        data() {-->
<!--            return {-->
<!--                userInfo:{-->
<!--                    username:"a"-->
<!--                }-->
<!--            }-->
<!--        },-->
<!--        methods: {-->
<!--            // 加载用户所有信息-->
<!--            query() {-->
<!--                axios.get("/account/getMyInfo").then(resp => {-->
<!--                    if (resp.data.code === resp.status) {-->
<!--                        this.userInfo = resp.data.data-->
<!--                    }-->
<!--                })-->
<!--            }-->
<!--        },-->
<!--        created() {-->
<!--            this.query()-->
<!--        }-->
<!--    })-->
<!--</script>-->
<!--</body>-->
<!--</html>-->